<!-- 用户信息表 -->
<template>
    <h3>用户信息表</h3>
    <table border="1">
        <tr>
            <th>用户编号</th>
            <th>登录名</th>
            <th>密码</th>
            <th>真实姓名</th>
            <th>身份证号</th>
            <th>手机号</th>
        </tr>
        <tr v-for="item in userinfo">
        <td>{{item.id}}</td>
        <td>{{item.uid}}</td>
        <td>{{item.pwd}}</td>
        <td>{{item.name}}</td>
        <td>{{item.cordnum}}</td>
        <td>{{item.phone}}</td>
    </tr>
    </table>
  
</template>


<script setup lang="ts">
    const userinfo = [
        {
            id: 1,
            uid: '123456789',
            pwd: '123456',
            name: '张三',
            cordnum: '123456789012345678',
            phone: '13812345678'
        },
        {
            id: 2,
            uid: '987654321',
            pwd: '654321',
            name: '李四',
            cordnum: '987654321987654321',
            phone: '13987654321'
        },
        {
            id: 3,
            uid: '123',
            pwd: 'abcdefname',
            name: '王五',
            cordnum: '410726200303204612',
            phone: '13789012345'
        },
    ]

</script>